<!--待审核产品-->
<template>
    <div>
        <el-tabs v-model="activeName2" type="card" >
            <el-tab-pane label="个人信息" name="first">
                <p>当前用户版本7</p>
                <!--修改历史记录内容-->
                <el-dialog title="修改记录" :visible.sync="dialog.showHistory.open" size="large"
                           v-if="dialog.showHistory.open" :modal=false>
                    <el-row :gutter="20">
                        <el-col :span="3"><span>版本号</span></el-col>
                        <el-col :span="3"><span>编辑人</span></el-col>
                        <el-col :span="3"><span>提交时间</span></el-col>
                        <el-col :span="3"><span>审核时间</span></el-col>
                        <el-col :span="3"><span>审核结果</span></el-col>
                        <el-col :span="3">审核人</el-col>
                        <el-col :span="3">操作</el-col>
                    </el-row>
                    <el-row :gutter="20" style="padding: 20px 0">
                        <el-col :span="3"><span>1</span></el-col>
                        <el-col :span="3"><span>李文龙</span></el-col>
                        <el-col :span="3"><span>2016-07-07</span></el-col>
                        <el-col :span="3"><span>2017-07-07</span></el-col>
                        <el-col :span="3"><span>通过</span></el-col>
                        <el-col :span="3">袁裕国</el-col>
                        <el-col :span="3">查看此版本</el-col>
                    </el-row>
                </el-dialog>
                <div class="block">
                      <span class="wrapper" style="padding-bottom: 20px">
                        <el-button type="success">审核通过</el-button>
                        <el-button type="warning">不通过</el-button>
                          <!--<el-button type="info" @click="openDialog('showHistory')">查看历史版本</el-button>-->
                      </span>
                </div>
                <el-row>
                    <el-col :span="2"><span>版本编辑人:</span></el-col>
                    <el-col :span="2"><span>李文龙</span></el-col>
                    <el-col :span="2"><span>客户经理:</span></el-col>
                    <el-col :span="2"><span>李文龙</span></el-col>
                </el-row>
                <el-row>
                    <el-col :span="2"><span>提交时间：</span></el-col>
                    <el-col :span="5"><span>2017.07.06</span></el-col>
                </el-row>
                <el-row>
                    <el-col :span="3"><span>编辑人备注：</span></el-col>
                    <el-col :span="20"><p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
                    </p></el-col>
                </el-row>
                <el-row>
                    <el-col :span="6"><h2>产品资料</h2></el-col>
                </el-row>
                <el-row>
                    <el-col :span="16">
                        <ul>
                            <li><span class="mainListSty">名称</span><span>234</span></li>
                            <li><span class="mainListSty">主要技术路径</span><span>123234</span></li>
                            <li><span class="mainListSty">领域*</span><span>turient montes, nascetur ridiculus mus.</span></li>
                        </ul>
                    </el-col>
                    <el-col :span="6"><div style="width:100px;height:100px;background: gray">logo</div></el-col>
                </el-row>
                <!--总体描述-->
                <h4>总体描述</h4>
                <el-row :gutter="20">
                    <el-col :span="20"><div style="height:200px;background:#F7F7F7;">
                        这里是文字描述
                    </div></el-col>
                </el-row>
                <h4>推荐企业</h4>
                <el-tabs type="border-card">
                    <el-tab-pane label="设计方" ><hotDesign></hotDesign></el-tab-pane>
                    <el-tab-pane label="咨询方"><hotConsult></hotConsult></el-tab-pane>
                    <el-tab-pane label="承建方"><hotBuild></hotBuild></el-tab-pane>
                    <el-tab-pane label="设备供应方"><hotDevice></hotDevice></el-tab-pane>
                    <el-tab-pane label="投资方"><hotInvest></hotInvest></el-tab-pane>
                    <el-tab-pane label="运维方"><hotOps></hotOps></el-tab-pane>
                </el-tabs>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
    import _http from '@/components/common/http.vue'
    import _param from '@/components/common/param.vue'
    import hotDesign from '@/components/working/common/hotCompany/hotDesign.vue'
    import hotConsult from '@/components/working/common/hotCompany/hotConsult.vue'
    import hotBuild from '@/components/working/common/hotCompany/hotBuild.vue'
    import hotDevice from '@/components/working/common/hotCompany/hotDevice.vue'
    import hotInvest from '@/components/working/common/hotCompany/hotInvest.vue'
    import hotOps from '@/components/working/common/hotCompany/hotOps.vue'
    export default {
        components:{hotDesign,hotConsult,hotBuild,hotDevice,hotInvest,hotOps},
        data() {
            return {
                apiPort:{
//
                    personDetail:'peopleVerify',
//
                },
                dialog:{
                    showHistory:{
                        open:false
                    }
                },
                activeName2: 'first',
                baseValue:{
                    money:'5000',
                    faren:'俞兆洪',
                    linkMan:'成莹',
                    address:'浙江省 杭州市 萧山区 民和路 479号1701',
                    Email:'service@tanwin.cn',
                    phoneNum:'057156686688',
                    fax:'057156686688',
                    url:'www.tanwin.cn'
                }
            }
        }
        ,
        methods:{
            openDialog(dialog){
                this.dialog[dialog].open = true
            }
        }
    }
</script>
<style>
    ul li{
        list-style: none;
        margin-top: 20px;
    }
    .listSty{
        display:inline-block;
        width: 150px
    }
    .mainListSty{
        display:inline-block;
        width: 150px;
        color: red;
    }
    .able:after{
        content: "√";
        color: #6ce26c;
    }
</style>